<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>WebSockets - Simple chat</title>

		<!-- <script src="http://code.jquery.com/jquery-1.9.1.js"></script> -->
		<!-- <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> -->
        <script>
	        if (window.webkitNotifications) {
	  		  console.log("Notifications are supported!");
	  		}
	  		else {
	  		  alert("이 브라우저 또는 OS는 Notifications 기능을 지원하지 않습니다. Chrome을 사용하세요~");
	  		}
        </script>
        
		
    </head>
    <body>
	    <div id="application">
	    	<img id="logo" src="img/zinnalogo.png">   
	        <div id="content"></div>
	        <div id="user_box">
	            <span id="status">Connecting...</span>
	            <input type="text" id="input" disabled="disabled"/>
	        </div>
	        <div>
	        	<form id="file_upload" action="http://192.168.0.11:3000/file/upload" method="POST" enctype="multipart/form-data">
	        		<input type="file" name="file" style= "color: #ffffff;" />
	        		<input type="submit" value="upload"/>
	        	</form>
	        </div>
	        <div>
				<button id="show_button">이 페이지의 알림 기능 활성화 하기</button>
				<article>
					<button id="reset_canvas">그림 지우기</button>
					<div id="colorBtn_group">
						<button id="change_blue"></button>
						<button id="change_red"></button>
						<button id="change_black"></button>
						<button id="change_gold"></button>
					</div>
					<div id="lineHeight">
						<select name="lineHeightSelectBox" id="lineHeightSelectBox">
							<option value=""> 선굵기선택</option>
							<option value="1"> 1px</option>
							<option value="3"> 3px</option>
							<option value="5"> 5px</option>
							<option value="10"> 10px</option>
						</select>
					</div>
				</article>
			</div>
	    </div>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script src="./chat-frontend.js"></script>
        <script src="http://192.168.0.11:4000/socket.io/socket.io.js"></script>
        <script type="text/javascript" src="js/jquery.event.drag-2.0.js"></script>
		<script type="text/javascript" src="scripts.js"></script>
		<link rel="stylesheet" href="style.css" />
		
    </body>
</html>